<template>
	<view class="emailadd-container">
		<view class="add-content">
			<view class="add-item">
				<view class="item-left">收件人</view>
				<view class="item-right"><input placeholder="请选择"></view>
			</view>
			<view class="add-item">
				<view class="item-left">邮件标题</view>
				<view class="item-right"><input placeholder="请选择"></view>
			</view>
			<view class="add-item">
				<view class="item-left">邮件内容</view>
				<view class="item-right"><textarea placeholder="邮件内容"></textarea></view>
			</view>
		</view>
		<view class="btn">发送</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.emailadd-container{
		background-color: #f5f6f7;
		min-height: 100vh;
		.add-content{
			background-color: #fff;
			.add-item{
				display: flex;
				justify-content: space-between;
				align-items: center;
				font-size: 28rpx;
				border-bottom: 1px solid #f4f1f1;
				padding: 20rpx;
				input{
					text-align: right;
				}
				.item-left{
					color: #333;
				}
				.item-right{
					color: #999;
				}
			}
		}
		.btn{
			background-color: #007AFF;
			color: #fff;
			font-size: 28rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 600rpx;
			height: 90rpx;
			border-radius: 45rpx;
			margin: 100rpx auto;
		}
	}
</style>
